$base-color: #1c8be4;

// .u-line-1{
//   display: block !important;

// }
.u-form-item {
  padding: 0 20px !important;
}

// basecolor
.baseColor {
  color: #1c8be4 !important;
}

.bg-white {
  background-color: white;
}

* {
  font-size: 28rpx;
}

.w-100 {
  width: 100%;
}

.min-100 {
  min-height: 100vh;
  box-sizing: border-box;
}

.h-max {
  height: 100vh;
}

.h-500 {
  height: 500rpx;
}

.vh-60 {
  height: 60vh;
}

.hidden {
  overflow: hidden;
}

.has-tabbar {
  padding-bottom: 110rpx;
}

// 颜色
.white {
  color: #ffffff;
}

.blue {
  // color: #1c8be4;
  color: #1373f4;
}

.orange {
  color: #f89939;
}

// 布局
.flex {
  display: flex;

  // align-items: center;
}

.border-box {
  box-sizing: border-box;
}

.flex-none {
  flex: none;
}

.flex-bottom {
  display: flex;
  align-items: baseline;
}

// 竖直居中
.flex-align {
  display: flex;
  align-items: center;
}

// 全部居中
.flex-center {
  @extend .flex-align;

  justify-content: center;
}

// 头尾分布
.flex-between {
  @extend .flex-align;

  justify-content: space-between;
}

.flex-around {
  @extend .flex-align;
  justify-content: space-around;
}

.flex-start {
  @extend .flex-align;

  justify-content: start;
}

.flex-end {
  @extend .flex-align;

  justify-content: flex-end;
}

.flex-1 {
  flex: 1;
}

.flex-3 {
  flex: 3;
}

.flex-shrink {
  flex-shrink: 0;
}

.vm {
  vertical-align: middle;
}

.align-end {
  align-items: flex-end;
}

.flex-column {
  flex-direction: column;
}

.flex-wrap {
  flex-wrap: wrap;
}

// margin
@for $j from 10 to 200 {
  .mt-#{$j} {
    margin-top: $j + px;
  }

  .mb-#{$j} {
    margin-bottom: $j + px;
  }

  .mr-#{$j} {
    margin-right: $j + px;
  }

  .ml-#{$j} {
    margin-left: $j + px;
  }
}

// // 内边距
@for $j from 10 to 100 {
  .p-#{$j} {
    padding: $j + px;
  }

  .pt-#{$j} {
    padding-top: $j + px;
  }

  .pb-#{$j} {
    padding-bottom: $j + px;
  }

  .pl-#{$j} {
    padding-left: $j + px;
  }

  .pr-#{$j} {
    padding-right: $j + px;
  }
}

// 字体颜色
.color-333 {
  color: #333333;
}

.color-666 {
  color: #666666;
}

.color-999 {
  color: #999999;
}

.color-ddd {
  color: #dddddd;
}

.color-fff {
  color: #ffffff;
}

.time-color {
  color: #ff7e00;
}

.copyright-color {
  color: #1c8be4 !important;
}

// 字体大小


// rpx字体大小
// 字体大小
@for $i from 10 to 100 {
  .font-#{$i} {
    font-size: $i + px;
  }
}

// @for $i from 19 to 100 {
//   .font-#{$i} {
//     font-size: $i + px;
//   }
// }

// 字体粗细
.fw-600 {
  font-weight: 600 !important;
}

.fw-500 {
  font-weight: 600 !important;
}

.fw-300 {
  font-weight: 300 !important;
}

.fw-400 {
  font-weight: 400 !important;
}

.font-bold {
  font-weight: bold;
}

// 体位置
.text-center {
  text-align: center !important;
}

.text-right {
  text-align: right !important;
}

.text-justify {
  text-align: justify !important;
}

// 不同大小的字体在底部对齐
.text-bottom {
  display: table-cell;
  /* 按照单元格的样式显示元素 */
  vertical-align: bottom;
}

// 省略号显示
.text-ell {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

// 按钮样式
.btn {
  @extend .flex-center;
  background-color: #4880ff;
  width: 100%;
  border-radius: 44rpx;
  height: 88rpx;
  color: #ffffff;
  font-size: 30rpx;
  text-align: center;
}

.btn-plain {
  @extend .btn;
  border: 1rpx solid #366dff;
  height: 86rpx;
  color: #366dff;
  background-color: #fff;
}

.info-item {
  height: 56rpx;
  line-height: 56rpx;
}

.info-title {
  display: inline-block;
  width: 120rpx;
  margin-right: 40rpx;
  color: #999999;
}

.hos-type {
  display: flex;
  align-items: center;
  padding: 0 5rpx;
  height: 32rpx;
  line-height: 32rpx;
  margin: 0 0 0 10rpx;
  border-radius: 5rpx;
  font-size: 22rpx;
  background: linear-gradient(90deg, #ff7780, #ffa371);

  image {
    width: 22rpx;
    height: 22rpx;
    margin-right: 10rpx;
  }
}

.cont-item {
  height: 88rpx;
  padding: 0 30rpx;
  font-size: 30rpx;
  background-color: #ffffff;
  border-bottom: 1px solid #f5f5f5;

  .item-ipt {
    flex: 1;
    text-align: right;

    &::placeholder {
      color: #999999;
      font-size: 26rpx;
    }
  }
}

.link {
  color: #1c8be4 !important;
  font-size: 14px;
}

.white-bg {
  background-color: #fff;
}

.pay-tip-new {
  display: flex;
  align-items: center;
  padding: 15px;
  border: 1px dashed #666666;
  position: relative;
  margin: 30px 8px 20px;

  .blue {
    color: #1c8be4;
  }

  .pay-tip-new-title {
    position: absolute;
    top: -11px;
    left: 14px;
    font-weight: bold;
    color: #333;
    padding: 0 10px;
    // background-color: #fff;
    font-size: 16px;
  }

  .pay-tip-new-text {
    text-align: left;
    font-size: 16px;
    line-height: 1.6;
  }
}

.opa-7 {
  opacity: 0.7;
}

.lh-1 {
  line-height: 1;
}